<template>
  <div>
    <div>
      <p class="sale-home-title">借书流程</p>
      <p class="line">1、卖家在个人设置里完成实名认证</p>
      <p class="line">2、卖家发布书籍</p>
      <p class="line">3、买家下单支付后卖家填写快递信息</p>
      <p class="line">4、订单确认收货后卖家收到定金</p>
      <p class="line">5、书到期后买家发送回给卖家</p>
      <p class="line">6、卖家确认收货后订单完成</p>
    </div>
    <div class="add-edit">
      <van-button round type="default" size="large"
                  class="add-book-button" to="/sale/add_new_book">添加图书</van-button>
    </div>
  </div>

</template>

<script>
  import Vue from 'vue';
  import { Button } from 'vant';

  Vue.use(Button);
   export default {
   }
</script>

<style scoped>
  .line{
    background: #d9d6d6;
    padding: 21vw;
    width: 100vw;
    margin-top: 1px;
    margin-bottom: 4px;
    height: auto;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .sale-home-title{
    font-size: 17px;
    font-weight: bold;
    margin-left: auto;
    text-align:center;
    margin-right: auto;
  }
  .add-book-button{
    margin-left: 20vw;
    margin-top: 10vh;
    width: 80vw;
  }
  。add-book-button2{
    margin-left: 20vw;
    margin-top: 5vh;
    width: 80vw;
  }
  .add-edit {
    margin-right: auto;
    margin-left: -10vw;
    width: 80vw;
    height: 40vh;
    position: absolute ;
  }
</style>